<!doctype html>
<html>
	<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" />
		<title>TeamLab App</title>
        <link href="assets/css/mc.style.css" rel="stylesheet" type="text/css"/>
        <link href="assets/css/mc.style.desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width:801px)" />
        <link rel="stylesheet" href="assets/css/master.css" type="text/css" media="screen" />
        <!-- <link rel="stylesheet" href="assets/css/master.desktop.css" type="text/css" media="only screen and (min-device-width:801px)" /> -->
        
		    <script src="phonegap.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/scripts/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/scripts/jquery.tmpl.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/scripts/lawnchair/adaptors/LawnchairAdaptorHelpers.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/scripts/lawnchair/adaptors/DOMStorageAdaptor.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/scripts/lawnchair/adaptors/WebkitSQLiteAdaptor.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/scripts/lawnchair/Lawnchair.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
    <div id="splash" style="display:none;">
      <span class="inner-text">Opening the <span class="value">teamlab.com</span> portal.<br />It might take some time. Please wait...</span>
    </div>
    <div id="message" style="display:none;">
      <div class="outer-block">
        <div class="inner-block">
          <span class="inner-title">Связь не обнаружена</span>
          <span class="inner-text">Opening the teamlab.com portal. It might take some time. Please wait... Opening the teamlab.com portal. It might take some time. Please wait...</span>
        </div>
        <button class="ui-btn-2 message-ok">Ok</button>
      </div>
    </div>
    <div id="pageWrapper">
      <div class="ui-page page-auth ui-footer" data-id="pg-auth">
        <div class="ui-header">
          <h1 class="ui-title">Teamlab</h1>
        </div>
        <div class="ui-content">
          <img class="prg-logo" src="logo-large.png" alt="Teamlab" />
          <h2 class="prj-title">Teamwork & Project Management Lab</h2>
          <form id="authForm" action="/">
            <div class="auth-item-container">
              <label class="auth-label login-label" for="Email">E-mail:</label>
              <input id="txtUserLogin" class="input-text login" type="email" />
              <span class="error-message"></span>
            </div>
            <div class="auth-item-container">
              <label class="auth-label password-label" for="Password">Password:</label>
              <input id="txtUserPassword" class="input-text password" type="password" />
              <span class="error-message"></span>
            </div>
            <div class="auth-item-container toolbar">
              <button class="ui-btn sign-in">Sign In</button>
              <span class="social">
                <span class="label">or login with:</span>
                <span class="account-links">
                  <a id="openid" class="link popup openid " data-href="/asc/login.ashx?auth=openid&amp;mode=popup&amp;callback=authCallback&amp;oid=https%3a%2f%2fwww.google.com%2faccounts%2fo8%2fid">&nbsp;</a>
                  <a id="facebook" class="link popup facebook " data-href="/asc/login.ashx?auth=facebook&amp;mode=popup&amp;callback=authCallback">&nbsp;</a>
                  <a id="twitter" class="link popup twitter " data-href="/asc/login.ashx?auth=twitter&amp;mode=popup&amp;callback=authCallback">&nbsp;</a>
                  <a id="linkedin" class="link popup linkedin " data-href="/asc/login.ashx?auth=linkedin&amp;mode=popup&amp;callback=authCallback">&nbsp;</a>
                </span>
              </span>
            </div>
            <div class="processing"><div class="background"></div></div>
          </form>
        </div>
        <div class="ui-footer">
          <div class="bottom-menu">
            <span class="copyrights">Ascensio System SIA 2011</span>
          </div>
        </div>
      </div>
    </div>
    <script type="text/jquery-tmpl" id="pg-portals">
      <div class="ui-page page-portals ui-header">
        <div class="ui-header">
          <h1 class="ui-title">${title}</h1>
          <a class="ui-btn ui-btn-logout ui-btn-right target-logout" href="#"><span class="ui-btn-inner"><span class="ui-btn-text"><span class="ui-btn-label">Log out</span></span></span></a>
        </div>
        <div class="ui-content">
          {{if items.length === 0}}
            <div class="ui-no-content">
              <span class="inner">has no portals</span>
            </div>
          {{else}}
            <ul class="portal-menu">
              {{each items}}
                <li class="item portal">
                  <a class="link target-login" href="${$value.link}&app=1" data-title="${$value.name}">
                    <div class="logo">
                      <div class="img-wrapper">
                        <img class="img-helper" src="${$value.logo}" alt="${$value.name}" />
                        <img class="img-container" src="blank.gif" style="background-image:url(${$value.logo || 'default-portallogo.png'})" alt="${$value.name}" />
                      </div>
                    </div>
                    <span class="title">
                      <span class="text">${$value.name}</span><br /><span class="url">${$value.domain}</span>
                    </span>
                  </a>
                </li>
              {{/each}}
            </ul>
          {{/if}}
        </div>
      </div>
    </script>
    <script src="assets/scripts/main.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>